<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>运算符</title>
  </head>
  <body>
    <button>测试</button>
    <script>
      let num = 10;
      document.querySelector("button").onclick = function () {
        // 点击按钮执行这里的逻辑
        // const num2 = 10 / 5
        // num++
        // console.log(num)

        // == 类型不相同会转换类型比较
        // === 值和类型都要相同
        const num = 10;
        const num2 = "10";
        console.log(num == num2); // true
        console.log(num === num2); // false

        // 逻辑运算符
        // 逻辑短路
        // 逻辑&&短路  表达式 1&&表达式 2  表达式 1 为真 解析表达式 2
        const food = {
          name: "西兰花",
          price: 10,
        };
        // 可以用来限制表达式 2 的执行
        console.log(food.price < 10 && "好好吃");
        // 逻辑||短路  表达式 1||表达式 2  表达式 1 为真 不解析表达式 2 反之解析表达式 2
        const name = undefined;

        // 如果出现空值，要准备一个备用的结果
        console.log(name || "rose");
      };
    </script>
  </body>
</html>
